{% extends "base.html" %}

{% block title %}Log-in{% endblock %}

{% block content %}

    <h1>Log-in</h1>
    {% if form.errors %}
        <p>
            Your username and password didn't match.
            Please try again.
        </p>
    {% else %}
        <p>Please, use the following form to log-in:</p>
    {% endif %}
    <div class="login-form">
        <form action="{% url 'login' %}" method="post" >
            {{ form.as_p }}
            {% csrf_token %}
            <input type="hidden" name="next" value="{{ next }}" />
            <p><input type="submit" value="Log-in"></p>
        </form>
        <p><a href="{% url "password_reset" %}">Forgotten your password?</a></p>
    </div>

    <div class="social">
        <ul>
            <li class="facebook"><a href="{% url "social:begin" backend="facebook-oauth2" %}">Sign in with Facebook</a></li>
            <li class="google"><a href="{% url "social:begin" backend="google-oauth2" %}">Sign in with google</a></li>
        </ul>
    </div>

{% endblock %}



